<template>
  <div>
    <!-- <DataDisplay /> -->
    <!-- <div v-if="isWelcome">
      <div class="dx-detail-container">
        <div><i class="el-icon-close" @click="closeContainer" /></div>
        <div>
          <div></div>
          <div><DataDisplay /></div>
        </div>
      </div>
    </div>
    <div /> -->
  </div>
</template>

<script>
// import { mapGetters } from 'vuex'
// import adminDashboard from './admin'
// import editorDashboard from './editor'
import DataDisplay from "./DataDisplay.vue";

export default {
  name: "Dashboard",
  components: {
    DataDisplay,
  },
  data() {
    return {
      isWelcome: true,
      currentRole: "adminDashboard",
    };
  },
  computed: {
    // ...mapGetters([
    //   'roles'
    // ])
  },
  created() {
    // if (!this.roles.includes('admin')) {
    //   this.currentRole = 'editorDashboard'
    // }
  },
  methods: {
    closeContainer() {
      this.isWelcome = false;
    },
  },
};
</script>
<style lang="scss" scoped>
.dashboard-container {
  position: relative;
  top: 300px;
  height: 600px;
  width: 400px;
  border: 1px solid red;
  color: #fff;
}
</style>
